<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>系统简介</title>
    <link rel="shortcut icon" href="/img/favicon.ico" /><!--标签页面顶部的小图标-->
    <script th:src="@{/webjars/jquery/3.3.1/jquery.js}"></script>
    <link th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}" rel="stylesheet"/>
    <script th:src="@{/webjars/bootstrap/4.0.0/js/bootstrap.js}"></script>
    <script>
        function showText() {
            $.ajax({
                url:"/findSystems.do",
                type:"get",
                success:function (result) {
                    $("#tbody").html("");
                    $("#tbody").append("<tr>\n" +
                        "                <td style=\"width: 12%\">系统介绍:</td>\n" +
                        "                <td><p style='text-indent: 2em;line-height: 30px'>"+result.xiTongJianJie+"</p></td>\n" +
                        "            </tr>\n" +
                        "            <tr>\n" +
                        "                <td rowspan=\"5\">系统环境:</td>\n" +
                        "                <td>浏览器版本:"+window.navigator.userAgent+"</td>\n" +
                        "            </tr>\n" +
                        "            <tr>\n" +
                        "                <td>开发语言:java(jdk1.8)</td>\n" +
                        "            </tr>\n" +
                        "            <tr>\n" +
                        "                <td>开发环境:IntelliJ IDEA 2019.2.4 x64+Navicat+MySQL+Redis-x64-3.2.100</td>\n" +
                        "            </tr>\n" +
                        "            <tr>\n" +
                        "                <td>数据库:MySql+Redis</td>\n" +
                        "            </tr>\n" +
                        "            <tr>\n" +
                        "                <td>所用技术:mybatis+springboot+javascript+jquery+html+css+ajax+thymeleaf+redis+maven+mysql+shiro</td>\n" +
                        "            </tr>\n" +
                        "            <tr>\n" +
                        "                <td colspan=\"2\">\n" +
                        "                    <div>\n" +
                        "                        <a href=\"http://wpa.qq.com/msgrd?v=3&uin=2477223983&site=qq&menu=yes\"><font color=\"green\" size=\"5\">联系开发者</font></a>\n" +
                        "                    </div>\n" +
                        "                </td>\n" +
                        "            </tr>")
                }
            })
        }

        $(function () {
            showText();
        })
    </script>
</head>
<body>
    <div th:include="bar/header::header_bar"></div>
    <div style="height: 190px;width: 100%;background-color: blueviolet">
        <img src="/img/banner/系统简介banner.jpg" style="width: 100%;height: 190px;background-repeat: no-repeat">
    </div>
    <div style="width: 100%;height: 60px;float: left"></div>
    <div style="margin-left: 15%;border: solid 1px #cccccc;width: 70%;height: 40px;float: left">
        <div style="float: left;height: 100%;width: 100px;background-color: #088038;text-align: center"><div style="margin-top: 8px"><font color="white">系统简介</font></div></div>
        <div style="float: right;height: 100%;width: auto">
            <div style="margin-top: 8px">
                <font>
                    当前位置:
                    <a th:href="@{/index.html}">网站首页</a>&nbsp;>
                    系统简介&nbsp;&nbsp;
                </font>
            </div>
        </div>
    </div>
    <div style="width: 100%;height: 40px;float: left"></div>
    <div>
        <table class="table table-striped" style="width: 70%" align="center" border="1" bordercolor="green">
            <thead><tr><td colspan="2" align="center"><font size="6"><b>系统简介</b></font></td></tr></thead>
            <tbody id="tbody"></tbody>
        </table>
    </div>
    <br><br><br><br><br><br><br><br>
    <div th:include="bar/footBar::foot_bar"></div>

</body>
</html>